// Styles
import "@mdi/font/css/materialdesignicons.css";
import "vuetify/styles";

// Composables
import { createVuetify } from "vuetify";

const defaultLightTheme = {
  dark: false,
  colors: {
    primary: "#2196f3",
    secondary: "#03a9f4",
    accent: "#3f51b5",
    error: "#f44336",
    warning: "#ffc107",
    info: "#607d8b",
    success: "#4caf50",
  },
};

const pinkLinghtTheme={
  dark: false,
  colors: {
    primary: "#E91E63",
    secondary: "#F06292",
    accent: "#EC407A",
    error: "#f44336",
    warning: "#ffc107",
    info: "#607d8b",
    success: "#4caf50",
  },
}

export default createVuetify({
  // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
  theme: {
    defaultTheme: "defaultLightTheme",
    themes: {
      defaultLightTheme,
    },
  },
});
